<ion-header>
    <ion-toolbar>
        <ion-title>产品详情</ion-title>
        <ion-button fill="clear" slot="end">
            <ion-icon name="cart" color="dark"></ion-icon>
        </ion-button>
    </ion-toolbar>
</ion-header>

<ion-content class="ion-padding">
    <ion-item>
        <ion-label>产品型号：{{res.details.lname}}</ion-label>
    </ion-item>
    <ion-slides pager [options]="{loop:true,autoplay:{
      disabledOnInteraction:false
    }}">
        <ion-slide *ngFor="let item of res.details.picList">
            <img [src]="'http://101.96.128.94:9999/'+item.lg" alt="">
        </ion-slide>
    </ion-slides>

    <ion-card style="margin:0;padding:0">
        <ion-card-title>Awesome Title</ion-card-title>
        <ion-card-header>
            <ion-card-title>{{res.details.title}}</ion-card-title>
            <ion-card-subtitle>{{res.details.subtitle}}</ion-card-subtitle>
        </ion-card-header>
        <ion-card-content style="padding:0;">
            <ion-item>
                <ion-label style="color:red">￥{{res.details.price}}</ion-label>
                <ion-button size="default" slot="end" color="danger">
                    <ion-icon name="cart" slot="start"></ion-icon>
                    添加到购物车
                </ion-button>
            </ion-item>
            <ion-item>
                <ion-label>cpu:{{res.details.cpu}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label>内存:{{res.details.memory}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label>硬盘:{{res.details.disk}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label>系统:{{res.details.os}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-text>承诺:{{res.details.promise}}</ion-text>
            </ion-item>
            <ion-item>
                <ion-label>显卡:{{res.details.video}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label>显存:{{res.details.video_memory}}</ion-label>
            </ion-item>
            <ion-item>
                <ion-label>上市时间:{{res.details.shelf_time|date:'yyyy-MM-dd'}}</ion-label>
            </ion-item>
            <ion-text [innerHTML]="transHTML(res.details.details)"></ion-text>
        </ion-card-content>
    </ion-card>
</ion-content>